<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>淘宝网-淘！我喜欢</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/car.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../../node_modules/jQuery/dist/jquery.min.js"></script>

    <!-- swiper -->

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">

</head>

<body>
    <div class="box-cover">

    </div>
    <div class="del-sure">
        <p>删除宝贝 <button class="pull-right  not">x</button></p>
        <h3>确认要删除该宝贝吗？</h3>
        <a href="javascript:;" class="sure">确定</a>
        <a href="javascript:;" class="cancel">关闭</a>
    </div>
    <header>
        <nav class="navbar navbar-default ntop">
            <div class="container boxt">

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">

                        <li><a href="#" class="logtp">亲，请登录</a></li>
                        <li><a href="#" class="exit">退出登录 </a></li>
                        <li><a href="#">手机逛淘宝</a></li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="./index.html">淘宝网首页</a></li>
                        <li class="dropdown">
                            <a href="#" class=" bgw">我的淘宝 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">已买到的宝贝</a></li>
                                <li><a href="#">我的足迹</a></li>

                            </ul>
                        </li>
                        <li class="dropdown gcar">
                            <a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> 购物车<span class="carnum"> 0 </span></a>

                        </li>
                        <li class="dropdown bgw">
                            <a href="#"><span class="glyphicon glyphicon-star"></span> 收藏夹 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">收藏的宝贝</a></li>
                                <li><a href="#">收藏的店铺</a></li>
                            </ul>
                        </li>
                        <li><a href="#">商品分类</a></li>
                        <li><a href="#">免费开店</a></li>
                        <li class="shu">|</li>
                        <li class="dropdown">

                            <a href="#" class=" bgw">千牛卖家中心 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">免费开店</a></li>
                                <li><a href="#">已卖出的宝贝</a></li>
                                <li><a href="#">出售中的宝贝</a></li>
                                <li><a href="#">卖家服务市场</a></li>
                                <li><a href="#">卖家培训中心</a></li>
                                <li><a href="#">体验中心</a></li>
                                <li><a href="#">问网友</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class=" bgw">联系客服 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">消费者客服</a></li>
                                <li><a href="#">商家服务大厅</a></li>
                            </ul>
                        </li>
                        <li class="dropdown rnav bgw">
                            <a href="#"><span class="glyphicon glyphicon-menu-hamburger"></span> 网站导航 <span class="caret"></span></a>
                            <div class="dropdown-menu container">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <h4>主题市场</h4>
                                        <div class="row">
                                            <div class="col-sm-3"><a href="#">女装</a></div>
                                            <div class="col-sm-3"><a href="#">男装</a></div>
                                            <div class="col-sm-3"><a href="#">内衣</a></div>
                                            <div class="col-sm-3"><a href="#">鞋靴</a></div>
                                            <div class="col-sm-3"><a href="#">箱包</a></div>
                                            <div class="col-sm-3"><a href="#">婴童</a></div>
                                            <div class="col-sm-3"><a href="#">家电</a></div>
                                            <div class="col-sm-3"><a href="#">数码</a></div>
                                            <div class="col-sm-3"><a href="#">美妆</a></div>
                                            <div class="col-sm-3"><a href="#">珠宝</a></div>
                                            <div class="col-sm-3"><a href="#">手机</a></div>
                                            <div class="col-sm-3"><a href="#">眼镜</a></div>
                                            <div class="col-sm-3"><a href="#">手表</a></div>
                                            <div class="col-sm-3"><a href="#">运动</a></div>
                                            <div class="col-sm-3"><a href="#">户外</a></div>
                                            <div class="col-sm-3"><a href="#">乐器</a></div>
                                            <div class="col-sm-3"><a href="#">游戏</a></div>
                                            <div class="col-sm-3"><a href="#">动漫</a></div>
                                            <div class="col-sm-3"><a href="#">影视</a></div>
                                            <div class="col-sm-3"><a href="#">美食</a></div>
                                            <div class="col-sm-3"><a href="#">鲜花</a></div>
                                            <div class="col-sm-3"><a href="#">宠物</a></div>
                                            <div class="col-sm-3"><a href="#">农资</a></div>
                                            <div class="col-sm-3"><a href="#">房产</a></div>
                                            <div class="col-sm-3"><a href="#">装修</a></div>
                                            <div class="col-sm-3"><a href="#">建材</a></div>
                                            <div class="col-sm-3"><a href="#">家居</a></div>
                                            <div class="col-sm-3"><a href="#">百货</a></div>
                                            <div class="col-sm-3"><a href="#">汽车</a></div>
                                            <div class="col-sm-3"><a href="#">二手车</a></div>
                                            <div class="col-sm-3"><a href="#">办公</a></div>
                                            <div class="col-sm-3"><a href="#">定制</a></div>
                                            <div class="col-sm-3"><a href="#">教育</a></div>
                                            <div class="col-sm-3"><a href="#">卡券</a></div>
                                            <div class="col-sm-3"><a href="#">本地</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 ts">
                                        <h4>特色市场</h4>
                                        <div class="row">
                                            <div class="col-sm-4"><a href="#">全球购</a></div>
                                            <div class="col-sm-4"><a href="#">极有家</a></div>
                                            <div class="col-sm-4"><a href="#">阿里拍卖</a></div>
                                            <div class="col-sm-4"><a href="#">淘宝众筹</a></div>
                                            <div class="col-sm-4"><a href="#">飞猪</a></div>
                                            <div class="col-sm-4"><a href="#">农资</a></div>
                                            <div class="col-sm-4"><a href="#">天天特卖</a></div>
                                            <div class="col-sm-4"><a href="#">Outlets</a></div>
                                            <div class="col-sm-4"><a href="#">淘抢购</a></div>
                                            <div class="col-sm-4"><a href="#">试用</a></div>
                                            <div class="col-sm-4"><a href="#">量贩团</a></div>
                                            <div class="col-sm-4"><a href="#">阿里翻译</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app">
                                        <h4>阿里APP</h4>
                                        <div class="row">
                                            <div class="col-sm-4"><a href="#">淘宝</a></div>
                                            <div class="col-sm-4"><a href="#">天猫</a></div>
                                            <div class="col-sm-4"><a href="#">支付宝</a></div>
                                            <div class="col-sm-4"><a href="#">聚划算</a></div>
                                            <div class="col-sm-4"><a href="#">飞猪</a></div>
                                            <div class="col-sm-4"><a href="#">蚂蚁聚宝</a></div>
                                            <div class="col-sm-4"><a href="#">咸鱼</a></div>
                                            <div class="col-sm-4"><a href="#">淘小铺</a></div>
                                            <div class="col-sm-4"><a href="#">阿里钱盾</a></div>
                                            <div class="col-sm-4"><a href="#">钉钉</a></div>
                                            <div class="col-sm-4"><a href="#">高德地图</a></div>
                                            <div class="col-sm-4"><a href="#">虾米音乐</a></div>
                                            <div class="col-sm-4"><a href="#">淘票票</a></div>
                                            <div class="col-sm-4"><a href="#">菜鸟裹裹</a></div>
                                            <div class="col-sm-4"><a href="#">阿里云</a></div>
                                            <div class="col-sm-4"><a href="#">网商一行</a></div>
                                            <div class="col-sm-4"><a href="#">阿里邮箱</a></div>
                                            <div class="col-sm-4"><a href="#">阿里众宝</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 tj">
                                        <h4>精彩推荐集</h4>
                                        <div class="row">
                                            <div class="col-sm-6"><a href="#">余额宝</a></div>
                                            <div class="col-sm-6"><a href="#">大牌捡宝</a></div>
                                            <div class="col-sm-6"><a href="#">淘公仔</a></div>
                                            <div class="col-sm-6"><a href="#">浏览器</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝香港</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝台湾</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝全球</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝东南亚</a></div>
                                            <div class="col-sm-6"><a href="#">闺蜜淘货</a></div>
                                            <div class="col-sm-6"><a href="#">大众评审</a></div>
                                            <div class="col-sm-6"><a href="#">淘工作</a></div>
                                            <div class="col-sm-6"><a href="#">阿里巴巴认证</a></div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>

        <div class="container na-mid">
            <a href="#"><img src="../img/carlogo.png" alt=""></a>

            <div class="pull-right sear">
                <div class="input-group se">
                    <div>
                        <span></span>
                        <ul>
                            <li>宝贝 <i class="glyphicon glyphicon-menu-down"></i></li>
                            <li>天猫</li>
                            <li>店铺</li>
                        </ul>
                    </div>

                    <input type="text" class="" placeholder="">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button">搜索</button>
                        
                    </span>
                </div>
                <!-- /input-group -->
            </div>
        </div>
    </header>
    <!-- main -->
    <main class=" container">
        <div>
            <span class="s1">全部商品<i>0</i></span><em>|</em>
            <span class="s2">降价商品<i>0</i></span><em>|</em>
            <span class="s3">库存紧张<i>0</i></span>
            <div class="pull-right ckd">已选商品(不含运费)
                <span> 0.00</span>
                <a href="#">结算</a>
            </div>
            <em class="slide"></em>
        </div>
        <div class="all">
            <input type="checkbox" class="all-check">
            <span>全选</span>
            <span>商品信息</span>
            <span>单价</span>
            <span>数量</span>
            <span>金额</span>
            <span>操作</span>
        </div>
        <div class="empty clearfix">
            <img src="../img/empt.png" alt="" class="pull-left">
            <p class="pull-left">
                <i>您的购物车还是空的，赶紧行动吧！您可以：<br><br></i> 看看 <a href="./index.html">淘宝网首页</a><br>
            </p>
        </div>
        <div class="account">
            <input type="checkbox" class="all-check">
            <span>全选</span>
            <div class="pull-right">
                <span>已选商品<i class="acc-num">0</i>件</span>
                <span>合计（不含运费）：<em class="acc-sum">0.00</em></span>
                <span class="finish">结算</span>
            </div>
        </div>
    </main>
    <!-- footer -->
    <footer class="container">
        <div class="ft-top">
            <span><a href="#">阿里巴巴集团</a><i>|</i></span>
            <span><a href="#">淘宝网</a><i>|</i></span>
            <span><a href="#">天猫</a><i>|</i></span>
            <span><a href="#">聚划算</a><i>|</i></span>
            <span><a href="#">全球速卖通</a><i>|</i></span>
            <span><a href="#">阿里巴巴国际交易市场</a><i>|</i></span>
            <span><a href="#">1688</a><i>|</i></span>
            <span><a href="#">阿里妈妈</a><i>|</i></span>
            <span><a href="#">飞猪</a><i>|</i></span>
            <span><a href="#">淘小铺</a><i>|</i></span>
            <span><a href="#">阿里云计算</a><i>|</i></span>
            <span><a href="#">Alios</a><i>|</i></span>
            <span><a href="#">阿里通信</a><i>|</i></span>
            <span><a href="#">一淘</a><i>|</i></span>
            <span><a href="#">万网</a><i>|</i></span>
            <span><a href="#">高德</a><i>|</i></span>
            <span><a href="#">UC</a><i>|</i></span>
            <span><a href="#">友盟</a><i>|</i></span>
            <span><a href="#">阿里安全</a><i>|</i></span>
            <span><a href="#">虾米</a><i>|</i></span>
            <span><a href="#">大麦网</a><i>|</i></span>
            <span><a href="#">钉钉</a><i>|</i></span>
            <span><a href="#">支付宝</a><i>|</i></span>
            <span><a href="#">优酷</a><i>|</i></span>
            <span><a href="#">土豆</a><i>|</i></span>
            <span><a href="#">阿里健康</a><i>|</i></span>
            <span><a href="#">阿里影业</a><i>|</i></span>
            <span><a href="#">阿里体育</a><i>|</i></span>
            <span><a href="#">网商银行</a><i>|</i></span>
        </div>
        <div class="ft-mid">
            <p>
                <a href="#">关于淘宝</a>
                <a href="#">合作伙伴</a>
                <a href="#">营销中心</a>
                <a href="#">廉正举报</a>
                <a href="#">联系客服</a>
                <a href="#">开放平台</a>
                <a href="#">诚征英才</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <a href="#">隐私权政策</a>
                <a href="#">法律声明</a>
                <a href="#">知识产权</a>
                <span>|</span>
                <em>© 2003-现在 Taobao.com 版权所有</em>
            </p>
            <p>
                <a href="#">增值电信业务经营许可证：浙B2-20080224</a><span>|</span>
                <a href="#">增值电信业务经营许可证（跨地区）： B2-20150210</a><span>|</span>
                <a href="#">浙网文（2019）1033-086号</a><span>|</span>
                <em class="em1">浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</em>
            </p>
            <p>
                <em class="em2">互联网药品信息服务资格证书（浙）-经营性-2018-0010</em><span>|</span>
                <em class="em2">短消息类服务接入代码使用证书：号【2016】00154-A01</em><span>|</span>
                <em class="em2">信息网络传播视听许可证：1109364号</em><span>|</span>
                <em class="em2">出版物网络交易平台服务经营备案号：新出发浙备字第002号</em>
            </p>
            <p>
                <a href="#" class="f-a">&nbsp;<img src="../img/poli.png" alt="">&nbsp;浙公网安备 33010002000078号 </a><span>|</span>
                <a href="#" class="f-a">浙B2-20080224-1</a><span>|</span>
                <em class="em2">广播电视节目制作经营许可证（浙）字第01012号</em><span>|</span>
                <em class="em2">市场名称登记证：工商网市字3301004120号</em><span>|</span>
                <em class="em2">医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</em><span>|</span>


            </p>
            <div>
                <a href="#"><img src="../img/ftlong.png" alt=""></a>
            </div>
        </div>
    </footer>
</body>




<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js "></script>
<script src="../js/library/index-swiper.js"></script>
<!-- swiper -->
<script src="https://unpkg.com/swiper/swiper-bundle.js">
</script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js">
</script>

<script src="../js/car.js" type="module"></script>

</html>